<script type="text/javascript" charset="utf-8" >

$(function(){
	
	var url_contact_us =  "<?=site_url(); ?>index.php/";
	
	$('.product_small_img .small_paging >a').each(function(index){
		
		$(this).click(function(event){
			
			event.preventDefault();
			
			// Get href attribute 's anchor
			var local_url = $(this).attr('href');
			
			var url = url_contact_us + local_url;
			
			$(this).parents('.product_small_img').load(url, function(){
				
				// Do code here when load div successfully
			});
			
		});
		
	});
	
});

</script>
<?php 
	// Check if small_slide_images var don't exists
	if (empty($small_slide_images) || !isset($small_slide_images))
	{
		echo $this->lang->line('lmg_small_image_vars_valid');
		return;
	}
	
	// Check if small_slide_images empty
	if (count($small_slide_images['items']) < 1)
	{
		echo $this->lang->line('lmg_small_image_empty');
		return;
	}	
?>
<div class="slider">

	<?php foreach($small_slide_images['items'] as $item) :?>
		<img src="<?=base_url().$this->config->item('fd_sub_slide_url').$item;?>" width="160px"/>
	<?php endforeach; ?>
	
</div>
<div style="clear:both"></div>

<div class="small_paging"><?=$smaill_slide_links;?></div>
